<ion-header>
    <div class="liveTop bkb">
        <div class="liveTop_title clearfix pb15">
            <div class="liveTop_title_tab fl">
                <span (click)="goDataIndexPage()">足球数据</span>
                <span class="active">篮球数据</span>
            </div>
        </div>
    </div>
</ion-header>
<ion-content class="bg_242b45 contentBg_ziliaoku">
    <div class="pl10 pr10 pb30">
        <!--今日赛事-->
        <div class="whiteBlock">
            <div class="title40">今日赛事</div>
            <ul class="eventToday">
                <li class="border bdb bdc_eee" *ngFor="let item of todayMatchList;let i = index" (click)="goLeaguePage(item?.leagueVo?.id)" [style.display]="i<dyTodayMatch?'':'none'">
                    <div class="eventToday_l">
                        <img src="{{item?.leagueVo?.logo}}" onerror="this.src='assets/img/team_logo.png'">
                        <p>{{item?.leagueVo?.name}}</p>
                    </div>
                    <div class="eventToday_r">
                        <p>今日共<span class="red">{{item?.leagueVo?.matchCount}}</span>场比赛</p>
                        <p *ngFor="let match of item.matchList;let j = index" [hidden]="j>1">
                            <span class="c333 w60">{{match?.awayName|TeamNameTrimPipe}}</span>
                            <span *ngIf="match?.status == 0">{{match?.matchDate|slice:5}}&nbsp;{{match?.matchTime}}</span>
                            <span *ngIf="match?.status == -1"><span>完场</span><span class="c333 fw500 ml10">{{match?.score[5]}}</span></span>
                            <span *ngIf="match?.status > 0 && match?.status<5"><span>{{match?.status}}th</span><span class="c333 fw500 ml10">{{match?.score[match?.status-1]}}</span></span>
                            <span *ngIf="match?.status == 50"><span>中场</span><span class="c333 fw500 ml10">{{match?.score[4]}}</span></span>
                            <span class="c333 w60">{{match?.homeName|TeamNameTrimPipe}}</span>
                        </p>
                    </div>
                </li>
            </ul>
            <div *ngIf="todayMatchList && todayMatchList?.length -  dyTodayMatch > 0" class="h50 lh50 tac fs14" (click)="showOrHidden(1)" style="color: #588BD8;">展开更多赛事（{{todayMatchList?.length -  dyTodayMatch}}个）</div>
            <div *ngIf="todayMatchList && todayMatchList?.length -  dyTodayMatch == 0 && dyTodayMatch != lastDyTodayMatch " class="h50 lh50 tac fs14" (click)="showOrHidden(2)" style="color: #588BD8;">收起</div>
            <div class="wd_noDataWrap" [hidden]="todayMatchList"><!--暂无数据-->
                <div class="wd_noData">
                    <i></i>
                    <p [hidden]="loading">暂无数据</p>
                    <p [hidden]="!loading">数据加载中...</p>
                </div>
            </div>
        </div>
        <!--热门赛事-->
        <div class="whiteBlock mt10">
            <div class="title40">热门赛事</div>
            <ul class="eventHot">
                <li class="border bdb bdr bdc_eee" *ngFor="let item of hotMatchList" (click)="goLeaguePage(item.id)">
                    <img src="{{item?.logo}}" onerror="this.src='assets/img/team_logo.png'">
                    <p>{{item?.name}}</p>
                </li>
            </ul>
            <div class="wd_noDataWrap" [hidden]="hotMatchList"><!--暂无数据-->
                <div class="wd_noData">
                    <i></i>
                    <p>暂无数据</p>
                </div>
            </div>
        </div>
        <!--地区赛事-->
        <div class="whiteBlock mt10">
            <div class="title40">地区赛事</div>
            <ul class="eventArea bkb">
                <li class="c_F5A623" navPush="BsTabsPage" [navParams]="{tab:1}">
                    <p>欧洲赛事</p>
                    <span>EUROPE</span>
                </li>
                <li class="c_B759CA" navPush="BsTabsPage" [navParams]="{tab:2}">
                    <p>美洲赛事</p>
                    <span>AMERICA</span>
                </li>
                <li class="c_C92C2C" navPush="BsTabsPage" [navParams]="{tab:3}">
                    <p>亚洲赛事</p>
                    <span>ASIA</span>
                </li>
                <li class="c_AD733F" navPush="BsTabsPage" [navParams]="{tab:4}">
                    <p>国际赛事</p>
                    <span>INTERNAATIONAL</span>
                </li>
            </ul>
        </div>
    </div>
</ion-content>